<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Volter Creative Studios HTML5 Template | Our Blog</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 10]><link href="css/ie.css" rel="stylesheet"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style Three-->
    <header class="main-header header-style-three">
        
        <!-- Header Container -->
        <div class="header-container">
            
            <!--Logo Container-->
            <div class="logo-container padd-top-30 padd-bott-30">
            	<div class="auto-container">
            		<!-- Logo -->
                    <div class="logo text-center">
                        <a href="index.html"><img src="images/logo-4.png" alt="Volter"></a>
                     </div>    
                </div>
            </div>
            
            <div class="header-upper bg-light-grey">
                <div class="auto-container clearfix">
                
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->    	
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        
                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li class="dropdown"><a href="index.html">Home</a>
                                    <ul>
                                        <li><a href="index.html">Home Version One</a></li>
                                        <li><a href="index-2.html">Home Version Two</a></li>
                                        <li><a href="index-3.html">Home Version Three</a></li>
                                        <li><a href="index-4.html">Home Version Four</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">About</a></li>
                                <li class="dropdown"><a href="portfolio.html">Portfolio</a>
                                    <ul>
                                        <li><a href="portfolio.html">Portfolio One</a></li>
                                        <li><a href="portfolio-2.html">Portfolio Two</a></li>
                                        <li><a href="portfolio-3.html">Portfolio Three</a></li>
                                        <li><a href="portfolio-4.html">Portfolio Four</a></li>
                                        
                                    </ul>
                                </li>
                                <li><a href="services.html">Service</a></li>
                                <li class="current dropdown"><a href="blog.html">Blog</a>
                                    <ul>
                                        <li><a href="blog.html">Blog Style One</a></li>
                                        <li><a href="blog-2.html">Blog Style Two</a></li>
                                        <li><a href="blog-single.html">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                    <!--Social Links-->
                    <div class="upper-right clearfix">
                    	<div class="social-links">
                        	<a href="blog.html#"><span class="fa fa-facebook-f"></span></a>
                            <a href="blog.html#"><span class="fa fa-twitter"></span></a>
                            <a href="blog.html#"><span class="fa fa-pinterest"></span></a>
                            <a href="blog.html#"><span class="fa fa-behance"></span></a>
                        </div>
                    
                        <!--Search Box-->
                        <div class="search-box">
                            <form method="post" action="index.html">
                                <div class="form-group">
                                    <input type="search" name="search" value="" placeholder="Search">
                                    <button type="submit" class="theme-btn"><span class="fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
                        
                    </div>
                    
                </div>
            </div>
        </div><!-- Header Container End-->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/bg-page-titlle-1.jpg);">
    	<div class="auto-container text-center">
        
            <h3 class="spaced-text">LATEST NEWS FROM BLOG</h3>
            <h2 class="page-name">OUR BLOG</h2>
            
            <!--Bread Crumb-->
            <ul class="bread-crumb clearfix">
                <li><a href="blog.html#">Home</a></li>
                <li class="active">Blog</li>
            </ul>
            
            <a href="blog.html#" class="vertical-link left"><span>OUR&ensp;PORTFOLIO</span></a>
            <a href="blog.html#" class="vertical-link right"><span>&ensp;Contact&ensp;Us</span></a>
            
        </div>
    </section>
    
    
    <!--Default Blog Section-->
    <section class="default-blog-section style-two padd-bott-70 default-blog-page">
    	<div class="auto-container">
            <div class="title-box text-center light">
                <h3 class="small-text">OUR BLOG</h3>
                <h2>VOLTER LATEST NEWS</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>               
            </div>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one left-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-1.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box">
                            <div class="default-post-title">
                                <h3><a href="blog.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="blog.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="blog.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one right-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column pull-right">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-2.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box text-right">
                            <div class="default-post-title">
                                <h3><a href="blog.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="blog.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="blog.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one left-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-3.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box">
                            <div class="default-post-title">
                                <h3><a href="blog.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="blog.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="blog.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
        </div>
        
    </section>
    
    
    <!--Main Footer-->
    <footer class="main-footer">
    	<div class="upper-part">
        	
        	<div class="auto-container">
            	<div class="logo"><a href="blog.html#"><img src="images/logo-2.png" alt=""></a></div>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
                <div class="footer-social-links clearfix">
                	<a href="blog.html#" class="social-link clearfix"><span class="icon fa fa-facebook-f"></span><span class="txt">Facebook</span></a>
                    <a href="blog.html#" class="social-link clearfix"><span class="icon fa fa-twitter"></span><span class="txt">Twitter</span></a>
                    <a href="blog.html#" class="social-link clearfix"><span class="icon fa fa-pinterest"></span><span class="txt">Pinterest</span></a>
                    <a href="blog.html#" class="social-link clearfix"><span class="icon fa fa-dribbble"></span><span class="txt">Dribble</span></a>
                </div>
                
                <!--Sponsors Carousel-->
                <div class="sponsors-outer">
                	<!--Sponsors Carousel-->
                    <ul class="sponsors-carousel">
                    	<li class="slide-item"><figure class="image-box"><a href="blog.html#"><img src="images/clients/image-1.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog.html#"><img src="images/clients/image-2.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog.html#"><img src="images/clients/image-3.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog.html#"><img src="images/clients/image-4.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog.html#"><img src="images/clients/image-5.png" alt=""></a></figure></li>
                    </ul>
                </div>
                
            </div>
        </div>
        
        <!--Footer Bottom-->
        <div class="footer-bottom">
        	<div class="auto-container">
            	<div class="text"><span class="theme_color">VOLTER</span> &copy; 2016 All Right Reserved Themexriver <br>Made with love by <a target="_blank" href="http://themeforest.net/user/themexriver/">Themexriver</a></div>
            </div>
        </div>
        
    </footer>
    
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top"><span class="icon fa fa-long-arrow-up"></span></div>


<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/owl.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>